We no longer use the .sidebar-item style class.
}
}
-.sidebar-item {
- padding: 10px 4px;
- > label {
- padding-left: 6px;
- padding-right: 6px;
- }
- &.needs-attention > label {
- @extend %needs_attention;
- background-size: 6px 6px, 0 0;
+stacksidebar {
+ .list-row {
+ padding: 10px 4px;
+ > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ }
+ &.needs-attention > label {
+ @extend %needs_attention;
+ background-size: 6px 6px, 0 0;
+ }
}
}
.titlebar .primary-toolbar button.titlebutton {
icon-shadow: none; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label {
+.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
- .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop {
+ .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
- .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
+ .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
.sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
opacity: 0.7; }
-.sidebar-item {
+stacksidebar .list-row {
padding: 10px 4px; }
- .sidebar-item > label {
+ stacksidebar .list-row > label {
padding-left: 6px;
padding-right: 6px; }
- .sidebar-item.needs-attention > label {
+ stacksidebar .list-row.needs-attention > label {
background-size: 6px 6px, 0 0; }
/****************
.titlebar .primary-toolbar button.titlebutton {
icon-shadow: none; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label {
+.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 4px; }
- .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop {
+ .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
- .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
+ .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
.sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
opacity: 0.7; }
-.sidebar-item {
+stacksidebar .list-row {
padding: 10px 4px; }
- .sidebar-item > label {
+ stacksidebar .list-row > label {
padding-left: 6px;
padding-right: 6px; }
- .sidebar-item.needs-attention > label {
+ stacksidebar .list-row.needs-attention > label {
background-size: 6px 6px, 0 0; }
/****************